<template>
  <div class="peview-comments">
    <h2>审核意见</h2>
    <div class="body">
      <el-table :data="reviewData" style="width: 100%">
        <el-table-column type="index" label="序号" width="60" />
        <el-table-column prop="date" align="center" label="审核状态">
          <template #default="scope">
            <el-tag :type="scope.row.state" disable-transitions>{{ scope.row.stateData }}</el-tag>
          </template>
        </el-table-column>
        <el-table-column prop="opinion" align="center" label="审核意见" width="200" />
      </el-table>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const reviewData = ref([
  {
    stateData: '高校审核项目通过',
    state: 'success',
    opinion: '同意立项'
  },
  {
    stateData: '高校审核项目退回，等待学生修改项目',
    state: 'danger',
    opinion: '重新提交'
  }
])
</script>

<style lang="less" scoped>
.peview-comments {
  h2 {
    color: #5d78ff;
    margin-bottom: 30px;
  }
  .body {
    width: 96%;
  }
}
</style>
